<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的发货单</title>
    
    <link href="../css/mui.min.css" rel="stylesheet"/>
	<style type="text/css">
		*{
			margin: 0 auto;
			padding: 0px;
			text-align: center;
			font-family: "微软雅黑 Light";
			color: black;
		}
		p{
			color: black;
		}
		html{
			height: 100%;
			width: 100%;
		}
		body{
			height: 100%;
			width: 100%;
		}
		#bodydiv{
			width: 100%;
			height: 100%;
		}
		#headertext{
			color: white;
			padding: 4% 3%;
			background: #23CAD0;
			font-size: 25px;
			margin: 0px;
		}
		#myfahuodan{
			background: white;
			padding: 3% 3%;
			border-bottom: #CACACA 1px solid;
			font-size: 25px;
			color: black;
		}
		#bodydivcontent{
			margin-top:5% ;
		}
	</style>
</head>
<body>
	
	<div id="bodydiv">
		<header id="header">
			<p id="headertext"><span id="goback" class="mui-icon mui-icon-arrowleft" style="background: none; border: none; color: white;padding: 0px;margin: 0px;height: 20px;width:0px;float: left;"></span>袋鼠捎货</p>
			<p id="myfahuodan" style="font-size: 18px;"><span class="mui-icon mui-icon-arrowleft" style="background: none; border: none; color: white;padding: 0px;margin: 0px;height: 20px;width:0px;float: left;color: gainsboro;width:8%;height:100%;border: #CACACA 1px solid;border-radius: 50px;"></span>详细货单</p>
		</header>
		<div id="bodydivcontent">
			<div style="background: white;padding: 20px 20px;margin-top:10px ;">
				<div style="background: #E9FBFB; width: 100%;height: 92px;font-size:12px ;" class="neirong">
					<div style="float: left;width: 60%;margin-bottom: 0px;padding: 15px;height: 100%;"><p style="height: 50%;margin-bottom: 0px;line-height: 200%;">万邦物流园，蔬菜区</p><p style="height: 50%;margin-bottom: 0px;line-height: 200%;"><span>李先生</span>&nbsp;<span>13988888888</span></p></div>
					<div style="float: right;width: 40%;margin-bottom: 0px;height: 100%;line-height: 92px;color: orange;font-size: 20px;font-weight: 700;">A区十号档口</div>
					<div style="clear: both;"></div>
				</div>
				<div id="orders">
					<div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
					</div>
				</div>
			</div>
			
			<div style="background: white;padding: 20px 20px;margin-top:10px ;">
				<div style="background: #E9FBFB; width: 100%;height: 92px;font-size:12px ;" class="neirong">
					<div style="float: left;width: 60%;margin-bottom: 0px;padding: 15px;height: 100%;"><p style="height: 50%;margin-bottom: 0px;line-height: 200%;">万邦物流园，蔬菜区</p><p style="height: 50%;margin-bottom: 0px;line-height: 200%;"><span>李先生</span>&nbsp;<span>13988888888</span></p></div>
					<div style="float: right;width: 40%;margin-bottom: 0px;height: 100%;line-height: 92px;color: orange;font-size: 20px;font-weight: 700;">A区十号档口</div>
					<div style="clear: both;"></div>
				</div>
				<div id="orders">
					<div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
					</div>
				</div>
			</div>
			
			<div style="background: white;padding: 20px 20px;margin-top:10px ;">
				<div style="background: #E9FBFB; width: 100%;height: 92px;font-size:12px ;" class="neirong">
					<div style="float: left;width: 60%;margin-bottom: 0px;padding: 15px;height: 100%;"><p style="height: 50%;margin-bottom: 0px;line-height: 200%;">万邦物流园，蔬菜区</p><p style="height: 50%;margin-bottom: 0px;line-height: 200%;"><span>李先生</span>&nbsp;<span>13988888888</span></p></div>
					<div style="float: right;width: 40%;margin-bottom: 0px;height: 100%;line-height: 92px;color: orange;font-size: 20px;font-weight: 700;">A区十号档口</div>
					<div style="clear: both;"></div>
				</div>
				<div id="orders">
					<div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
						<div style="padding-top:10px;border-bottom:1px solid gainsboro ;"><p style="display: inline-block;width: 33%;">富士苹果</p><p style="display: inline-block;width: 33%;">两箱</p><p style="display: inline-block;width: 33%;">25Kg</p></div>
					</div>
				</div>
			</div>
		</div>
		<footer id="footer"></footer>
	</div>
	
	<script type="text/javascript" src="../js/jquery.min.js" ></script>
	<script src="../js/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <script>
    	/*(function($,$$){
    		$$("#goback").click(function(){
    			alert("回到上一层");
    		})
    	}(mui,jQuery))//测试返回是否可以使用*/
    </script>
</body>
</html>